
.top{
    width:100%;
    height:50px;
    line-height: 50px;
    color:#424242;
    font-size:20px;
    text-align:center;

}

.top a{
    position:absolute;
    top:10px;
    left:10px;
    display:inline-block;
    width:30px;
    height:30px;
    background-image: url("../images/prev.png");
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-position: center;
}

.content{
    width:100%;
}

.id1,
.id2{
    width:90%;
    height:210px;
    margin:0 auto;
    text-align:center;
    margin-top:15px;
}

.id1 div,
.id2 div{
    width:100%;
    height:100%;
    overflow: hidden;
}
.id1Img,
.id2Img{
    width:100%;
    height:100%;
    /* border:1px solid blue; */
}

.btn{
    width:90%;
    margin:0 auto;
    text-align:center;
    margin-top:30px;
   
}

.btn span{
    display: inline-block;
    width:100%;
    height:50px;
    line-height:50px;
    color:#fff;
    font-size:22px;
    background: -moz-linear-gradient(left, #589cff 0%, #4975f8 100%);
    background: -webkit-linear-gradient(left, #589cff 0%,#4975f8 100%);
    background: -o-linear-gradient(left, #589cff 0%,#4975f8 100%);
    background: -ms-linear-gradient(left, #589cff 0%,#4975f8 100%);
    background: linear-gradient(to right, #589cff 0%,#4975f8 100%);
}

.id1,
.id2{
    position: relative;
}
.none{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:100%;
    height:100%;
    z-index:9999;
    border:1px solid red;
    opacity: 0;
}